<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
  <head>
    <title>UpdatePassword</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/estilo.css">
    <script type="text/javascript" src="js/javascript.js"></script>

  </head>
 
  <body>

    <div class="cabecera">
      <h1 align="center">FESTIVAL REGISTRATION SYSTEM</h1>
    </div>
    
    <div id="login-overlay" class="modal-dialog">
		<a href="LoginServlet" class="btn btn-danger pull-right">Log Out</a>
	</div>

    <div id="login-overlay" class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header">
              <h4 class="modal-title" id="myModalLabel">Update password</h4>
          </div>
          <div class="modal-body">
              
                          <form id="loginForm" name="myForm" method="POST" action="UpdatePasswordServlet"" onSubmit="return checkMe()">
                              <div class="form-group">
                                  <label for="username" class="control-label">Old password</label>
                                  <input type="password" class="form-control" id="oldpassword" name="oldpassword" value="" required="" pattern=".{6,15}" title="Please enter 6 characters minimun" placeholder="Please enter your old password">
                                  <span class="help-block"></span>
                              </div>
                              <div class="form-group">

                                  <input type="hidden" name="pwd">

                                  <label for="password" class="control-label">Password</label>
                                  <input type="password" class="form-control" id="password" name="password1" value="" required="" pattern="{6,15}" title="Please enter 6 characters minimun" placeholder="Please enter your new password">
                                  <span class="help-block"></span>
                              </div>

                               <div class="form-group">
                                  <label for="password" class="control-label">Confirm Password</label>
                                  <input type="password" class="form-control" id="password" name="password2" value="" required="" pattern="{6,15}" title="Please enter 6 characters minimun" placeholder="Please confirm your new password">
                                  <span class="help-block"></span>
                              </div>
                              <div id="loginErrorMsg" class="alert alert-error hide">Wrong username og password</div>
                              <button type="submit" class="btn btn-success btn-block">Update</button>
                              
                          </form>
          </div>
      </div>
    </div>

    <div class="imgdiv">
      <img class="img">
    </div>

  </body>
</html>